<template>
	<router-view @change="changeTitle"></router-view>
	<van-tabbar v-model="active">
	  <van-tabbar-item icon="home-o" :to="{name:'home'}">Home</van-tabbar-item>
	  <van-tabbar-item icon="search" to="/about">About</van-tabbar-item>
	  <van-tabbar-item icon="friends-o" url="/">标签</van-tabbar-item>
	  <van-tabbar-item icon="setting-o" :to="{name:'usercenter'}">个人中心</van-tabbar-item>
	  
	</van-tabbar>
</template>

<script setup>
	import {ref} from 'vue'
	var active = ref(3)	
	//这是确定高亮效果的-
	
	
	function changeTitle(data){
		console.log("修改active",data)
		active.value = data
	}
</script>

<style>
</style>